﻿
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>绿源充电环球跑</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<link href="~/Content/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="~/Content/bootstrap/css/prettify.css" rel="stylesheet">
    <link href="~/Content/css/flat-ui.css" rel="stylesheet">
    <link href="~/Content/css/docs.css" rel="stylesheet">
    <link href="~/Content/css/1.css" rel="stylesheet">

    <link rel="shortcut icon" href="~/Content/images/favicon.ico">

    <script src="~/Content/js/jquery-1.8.3.min.js"></script>
    <script src="~/Content/js/jquery-ui-1.10.3.custom.min.js"></script>
    <script src="~/Content/js/jquery.ui.touch-punch.min.js"></script>
    <script src="~/Content/js/bootstrap.min.js"></script>
    <script src="~/Content/js/bootstrap-select.js"></script>
    <script src="~/Content/js/bootstrap-switch.js"></script>
    <script src="~/Content/js/flatui-checkbox.js"></script>
    <script src="~/Content/js/flatui-radio.js"></script>
    <script src="~/Content/js/jquery.tagsinput.js"></script>
    <script src="~/Content/js/jquery.placeholder.js"></script>
    <script src="~/Content/js/typeahead.js"></script>
    <script src="~/Content/bootstrap/js/google-code-prettify/prettify.js"></script>
    <script src="~/Content/js/application.js"></script>
    <script src="~/Content/js/unslider.min.js"></script>
        <script>
            var desc = "充电环球游，跟着绿源走~";
            var share_data = { "appid": "wxe6f67bfba104b400", "img_url": "http:\/\/115.29.204.6\/Content\/images\/logo\/Logo.png", "img_width": "80", "img_height": "80", "link": window.location.href, "title": desc, "desc": desc };

            if ($('.bdwrap').height() <= 418) {
                $('.bdwrap').addClass('small-height');
            }

            document.addEventListener('WeixinJSBridgeReady', function () {
                WeixinJSBridge.call('showOptionMenu');
                WeixinJSBridge.call('hideToolbar');

                // 朋友圈
                WeixinJSBridge.on('menu:share:timeline', function (argv) {
                    WeixinJSBridge.invoke('shareTimeline', {
                        appid: share_data.appid,
                        img_url: share_data.img_url,
                        img_width: share_data.img_width,
                        img_height: share_data.img_height,
                        link: share_data.link,
                        desc: share_data.desc,
                        title: share_data.title
                    }, function () { });
                });

                // 发送给好友
                WeixinJSBridge.on('menu:share:appmessage', function (argv) {
                    WeixinJSBridge.invoke('sendAppMessage', {
                        appid: share_data.appid,
                        img_url: share_data.img_url,
                        img_width: share_data.img_width,
                        img_height: share_data.img_height,
                        link: share_data.link,
                        desc: share_data.desc,
                        title: share_data.title
                    }, function () { });
                });

                $('#share').click(function () {
                    WeixinJSBridge.invoke('shareTimeline', {
                        appid: share_data.appid,
                        img_url: share_data.img_url,
                        img_width: share_data.img_width,
                        img_height: share_data.img_height,
                        link: share_data.link,
                        desc: share_data.desc,
                        title: share_data.title
                    }, function () { });
                });
            });



            function checkRadio() {
                var result = $('input:radio:checked').val();
                if (result == null) {
                    alert("请选择一辆属于您的爱车.");
                    return false;
                }
                return true;
            }
        </script>
    <div class="container-fluid">
            <div class="row-fluid">
                <div class="span12">
                    <ul class="breadcrumb">
                            <img src="~/Content/images/logo/绿源.png"/>
                        <li class="active" style="color: #006400; font-weight: bold;">
                            充电环球游，跟着绿源走 
                        </li>
                    </ul>
                </div>
            </div>
    </div>
	

</head>

<body style="background-color: #8cc63e;" background="~/Content/images/background/congruent_pentagon.png">
    <div class="container-fluid info">
        <div class="row-fluid">
            <div class="span12">
                <div class="carousel slide" id="carousel-527680">
                    <ol class="carousel-indicators">
                        @*<li data-slide-to="0" data-target="#carousel-527680">
                            </li>
                            <li data-slide-to="1" data-target="#carousel-527680">
                            </li>
                            <li data-slide-to="2" data-target="#carousel-527680" class="active">
                            </li>*@
                    </ol>
                    <div class="carousel-inner">
                        <div class="item">
                            @*<img alt="" src="~/Content/images/location/1.png" />*@
                            <div class="carousel-caption">
                                @*<h4>
                                        绿源充电活动
                                    </h4>
                                    <p>
                                        欢迎参加绿源充电游活动
                                    </p>*@
                            </div>
                        </div>
                        <div class="item">
                            @*<img alt="" src="~/Content/images/location/2.png" />*@
                            <div class="carousel-caption">
                                @*<h4>
                                        绿源充电活动
                                    </h4>
                                    <p>
                                        欢迎参加绿源充电游活动
                                    </p>*@
                            </div>
                        </div>
                        <div class="item active">
                            @*<img alt="" src="~/Content/images/location/3.png" />*@
                            <div class="carousel-caption">
                                @* <h4>
                                        绿源充电活动
                                    </h4>
                                    <p>
                                        欢迎参加绿源充电游活动
                                    </p>*@
                            </div>
                        </div>
                    </div>@* <a data-slide="prev" href="#carousel-527680" class="left carousel-control">‹</a> <a data-slide="next" href="#carousel-527680" class="right carousel-control">›</a>*@
                </div>
                
                <div class="row-fluid">
                    <div class="span12">
                        <div align="center" width="100%">
                            <p class="words">

                            </p>
                            @*<button id="box_btn">公告信息</button>*@

                        </div>

                        @using (Html.BeginForm("Register", "Index", FormMethod.Post, new { id = "FormIDc" }))
                        {<div>
                            <div align="center">
                                <table width="100%">
                                    <tr>
                                        <td>
                                            <div align="center">
                                                <label class="radio" style="vertical-align:middle">
                                                    <img width="100%" src="~/Content/images/car/云领.png" /><br />
                                                    <input type="radio" name="CarId" value="1" data-toggle="radio" /><br />
                                                    <p style="color: black; font-size: larger">云领 </p>
                                                </label>
                                            </div>
                                            <div align="center" width="100%">
                                                <a class="btn btn-embossed  btn-warning" href="http://mp.weixin.qq.com/s?__biz=MjM5MDI0NDU2MA==&mid=200976594&idx=1&sn=532dce0e4196db709a73d5666529364a#rd">查看详细信息 »</a>
                                            </div>

                                        </td>
                                        <td>
                                            <div align="center">
                                                <label class="radio">
                                                    <img width="100%" src="~/Content/images/car/米欧.png" /><br />
                                                    <input type="radio" name="CarId" value="2" data-toggle="radio" /><br />
                                                    <p style="color: black;font-size: larger">米欧</p>
                                                </label>
                                            </div>
                                            <div align="center" width="100%">
                                                <a class="btn btn-embossed  btn-warning" href="http://mp.weixin.qq.com/s?__biz=MjM5MDI0NDU2MA==&mid=200856598&idx=1&sn=087741dd1a3d29e3f2e7398865f87e82#rd">查看详细信息 »</a>
                                            </div>

                                        </td>
                                    </tr>
                                </table>
                            </div>



                            <br />
                            <div align="center" width="100%">
                                <button class="orangellow button" align="center" width="100%" onclick="return checkRadio();">
                                    参与活动
                                </button>

                            </div>
                        </div>

                        }
                    </div>
                </div>
            </div>
        </div>
    </div>
    <br />
        <div class="breadcrumb" style="background-color: #90EE90">
        <ul>
            <li>
                活动主题：绿源充电环球游
            </li>

            <li>
                活动时间：2014年4月28日-2014年5月4日
            </li>
            <li>
                 活动方式：关注绿源电动车微信服务号。点击“玩转互动—充电环球游游戏”或者直接向平台发送“充电环球游戏”进入活动界面。领取一辆虚拟“绿源电动车”，点击“参与活动”按钮。页面跳转后，点击“分享朋友圈”按钮，分享成功。邀请朋友进入活动界面为爱车充电。
            </li>            
             <li>充电的朋友越多，电动车跑得路程就越远。活动结束后，充电人数前15名即可获得活动大奖。
            </li>           
            <li>
                活动奖品如下：
            </li>
            <li>
                一等奖绿源电动车一辆（1名）
            </li>
            <li>
                 二等奖免费更换一次电池（3名）
            </li>
            <li>
                 三等奖王力宏签名CD一张（4名）
            </li>
            <li>
                 四等奖王力宏签名照一张（7名）
            </li>
            <li>
                活动路线信息：从义乌，杭州，上海，南京，芜湖，合肥，徐州，济南，石家庄，天津，北京，莫斯科，柏林，巴黎，伦敦，好望角，巴西利亚，纽约，悉尼，三沙，酒泉，10人以上充电可切换到下一地点，
                从酒泉到月球需要90人充电，从月球到火星需要100人充电，从月球到银河系需要100人充电，从银河系到宇宙边界需要超过100人充电。
            </li>
            <li>
                本活动由绿源电动车发起，活动最终解释权归绿源电动车所有。
            </li>
        </ul>
    </div>
        <div align="center" width="100%">
            <a align="center" width="100%" class="btn btn-primary" style="font-size: larger" href="@Url.Action("RankingList", "Result")">
                充电排名
            </a>
        </div>
    <br/>
    <div id="foot">©2014&nbsp;&nbsp;
        <span>广州玉微营销顾问有限公司提供技术支持
        </span>
    </div>
</body>

</html>

